<template>
  <div>
    <!--组件传值
      获取组件实例
        ref：组件层面.可通过ref获取组件实例对象
               父级取子实例使用ref：this.$refs.ref值
        $parent:子获取父实例(找最近的父级)
        $children: 找出自己全部实例(子组件)
        $root:找出根组件实例(main 里的vuw实例)
      父子传值
        props与emit
        v-model与.sync
      兄弟传值：可用于任意组件之间传值(比如嵌套多层组件传值)
       EventBus
        1.Vue.prototype.$bus(建立联系名任意写) = new Vue() 写 main.js
        2.触发：this.$bus.$emit('事件名',实参)
        3.监听：this.$bus.on('事件名',(参数)=>{...})
        4.销毁(必须存在，不然累加)：this.$bus.off('事件名')

      特性继承
        $attrs与$listeners
           $attrs:接受父传子非props属性(子组件没有使用porps接收) v-bing= $artts (将所有传回来的值绑定)
           $listeners:接收父在子组件标签上绑定所有事件 （类似于$emit 通知父组件调用）v-on=$listeners

      高阶组件向低阶组件传值(建议在公共组件封装中使用)
       provide 传  写法根data一样
         provide(){
           return{
             属性名：值
           }
         }

       inject 收
        inject:{
           属性名：[属性名]
        }
           不写类型
        inject：['属性名']
    -->
    <p>我是子组件</p>
    <el-button @click="huoqufushili">获取父实例</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      root: '最高权限'
    }
  },
  methods: {

    huoqufushili() {
      console.log(this.$parent)
    }

  }

}
</script>

<style>

</style>
